<template>
  <div>
    <input type="text" v-model.number="count" />
    <p>{{ count }} 乘以 2 的值为：{{plus}}</p>
    
  </div>
</template>

<script>
export default {
  name: 'MyCounter',
  data() {
    return {
      count: 1,
    }
  },
  computed: {
    // 计算属性 监听data中count值的变化 计算结果必须有返回值
    plus(){
      console.log('计算属性');
      // 计算属性会缓存计算的结果 性能会更好相对与method方法
    return this.count*2
  },
  methods: {
    plus(){
      console.log('方法被执行了');
      return this.count*2
    }
  },
  },
}
</script>

<style></style>
